<template>
	<div id="app">
		<router-view>
			<router-link to="/login">
				<login></login>
			</router-link>

			<router-link to="/register">
				<register></register>
			</router-link>
		</router-view>
	</div>
</template>

<script>
import login from './pages/login.vue';
import register from './pages/register.vue';

export default {
	name: 'App',
	components: {
		login,
		register,
	},
	// mounted() {
	// 	const routes = [
	// 		{ path: '/foo', component: login },
	// 		{ path: '/bar', component: register },
	// 	];

	// 	const router = new VueRouter({
	// 		routes, // (缩写) 相当于 routes: routes
	// 	});
	// },
};
</script>

<style>
#app {
	padding: 0;
	margin: 0;
}
</style>
